<nz-card [nzBordered]="false">
  <section class="search-section">
    <input nz-input placeholder="店铺名称" [(ngModel)]="keyword" class="search-item"/>
    <button nz-button [nzType]="'primary'" nzGhost (click)="search()" class="search-item">
      <i class="anticon anticon-search"></i><span>搜索</span>
    </button>
  </section>
  <nz-table #nzTable [nzData]="page.content"
            [nzPageSize]="page.size"
            [nzTotal]="page.totalElements"
            [nzFrontPagination]="false"
            [(nzPageIndex)]="page.number"
            (nzPageIndexChange)="changePageNo($event)"
            [nzLoading]="isLoading">
    <thead>
    <tr>
      <th><span>序号</span></th>
      <th><span>店铺名称</span></th>
      <th><span>品牌名称</span></th>
      <th><span>用户店铺角色</span></th>
      <th><span>业务经理</span></th>
      <!--<th><span>省</span></th>
      <th><span>市</span></th>
      <th><span>区县</span></th>-->
      <th><span>申请状态</span></th>
      <th><span>操作</span></th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of nzTable.data;let i=index">
      <td>
        {{i+1}}
      </td>
      <td>{{data.title}}</td>
      <td>{{data.brandName}}</td>
      <td><a href="javascript:void (0);" (click)="updateCusShopRole(data)" title="点击修改用户店铺角色">{{data.role|dicsNamePipe:otcShopCusRole}}</a></td>
      <td>{{data.name}}</td>
 <!--     <td>{{data.province}}</td>
      <td>{{data.city}}</td>
      <td>{{data.county}}</td>-->
      <td>{{data.auditingStatus|dicsNamePipe:shopAuditingStatus}}</td>
      <td>
        <a href="javascript:void (0);" (click)="updateCusShopRole(data)">用户店铺角色</a>
      </td>
    </tr>
    </tbody>
  </nz-table>
</nz-card>
